<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PINN模拟平台</title>
    <link rel="stylesheet" href="/static/css/index.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>PINN模拟平台</h1>
            <p class="subtitle">基于物理信息的神经网络模拟齿轮系统动力学</p>
        </header>

        <div class="options-row">
            <a href="{% url 'myweb:result1' %}" class="option-card results">
                <div class="card-content">
                    <h2>存在精确解成果</h2>
                    <p>查看齿轮系统模拟结果与精确解的对比分析，验证模型准确性和可靠性</p>
                    <span class="btn">查看结果</span>
                </div>
            </a>
            <a href="{% url 'myweb:result2' %}" class="option-card results">
                <div class="card-content">
                    <h2>不存在精确解成果</h2>
                    <p>了解模型在无精确解情况下的预测能力，评估系统动态行为表现</p>
                    <span class="btn">查看结果</span>
                </div>
            </a>
        </div>

        <div class="options-row">
            <a href="{% url 'myweb:request' %}" class="option-card request">
                <div class="card-content">
                    <h2>求解存在精确解的DAE</h2>
                    <p>提交您的系统参数和训练要求，获取与精确解对比的模拟结果</p>
                    <span class="btn">提交需求</span>
                </div>
            </a>
            <a href="{% url 'myweb:request' %}" class="option-card request">
                <div class="card-content">
                    <h2>求解不存在精确解的DAE</h2>
                    <p>针对复杂系统提交模拟需求，获得基于先进算法的可靠预测结果</p>
                    <span class="btn">提交需求</span>
                </div>
            </a>
        </div>
    </div>

    <footer>
        <p>© 2023 旋转系统PINN模拟平台 | 基于PyTorch实现的物理信息神经网络</p>
    </footer>
</body>
</html>